/**
 *  学习目标：使用 useEffect 请求数据
 */
import React, { useEffect, useState } from 'react';
import request from './utils/request'
export default function App() {
    const [list, setList] = useState([])

    // 1.声明一个请求方法
    async function loadData(params) {
        const res = await request({ url: '/v1_0/channels' })
        setList(res.data.channels)
        console.log(res.data.channels);
    }
    // useEffect传的回调函数，给它一个同步的函数，异步函数，嫑作为参数传递
    useEffect(() => {
        // 2.在useEffect中调用， 注意，第二个参数为空数组，代表挂载后
        loadData()
    }, [])

    return (
        <div>
            {list.map(item => {
                return <div key={item.id}>{item.name}</div>
            })}
        </div>
    )
}

